<template>
  <div class="order-info" v-if="value.supplement==0">
    <div>
      <span class="order-label">销售单价:</span><span class="red">￥{{value.sellPrice}}</span>
    </div>
    <div v-if="value.userDiscounts>0"><span class="order-label">会员优惠:</span> <span
      class="red">{{value.userDiscounts}}%</span></div>
    <div v-if="value.userDiscounts>0"><span class="order-label">会员单价:</span> <span class="red">￥{{value.price}}</span>
    </div>
    <div><span class="order-label">购买数量:</span> <span class="red">{{value.num}}</span></div>
    <div class="order-pay-info"><span>合计总价:</span><span>￥{{value.cost}}</span></div>
  </div>
  <div class="order-info" v-else>
    <div class="order-pay-info"><span>补运费合计:</span><span>￥{{value.cost}}</span></div>
  </div>
</template>

<script>
  export default {
    name: 'HOrderPayInfoDisplay',
    data() {
      return {}
    },
    props: {
      value: {
        type: Object,
        default: function () {
          return {}
        }
      }
    }
  }
</script>
